<template>
  <div id="app">
    <div class="main-header">
      <h1>豆瓣电影</h1>
    </div>
    <keep-alive>
      <router-view/>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
/* #app {
  padding: 15px 15px 0 15px;
} */
.main-header h1 {
  padding: 15px 15px 10px 15px;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #f6f6f6;
  font-size: 24px;
  font-weight: normal;
  color: #00b600;
}
</style>
